<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Keywords" content="{$keywords}" />
<meta name="Description" content="{$description}" />
<title>首页</title>
<link href="comm.css" rel="stylesheet" type="text/css" />
<link href="area.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="header">
    <div class="head-top">
        <div class="head-top-content margin-mid">
            <div class="top-city left-float">
                <span class="selected-city">广州</span>
                <a href="#">[切换城市]</a>
            </div>
            <ul class="top-nav right-float">
                <li class="hello">你好，欢迎来到易乐网！请<a href="#">[登陆]</a>，新用户？<a href="#">[免费注册]</a></li>
                <li class="top-nav-li triangle">　<a href="#">我的订单</a>|</li>
                <li class="top-nav-li no-trangle"><a href="#">帮助中心</a>|</li>
                <li class="top-nav-li no-trangle"><a href="#">加入收藏</a>|</li>
                <li class="top-nav-li triangle"><a href="#">关注</a></li>
            </ul>
        </div>
    </div>
    <div class="head-mid">
        <div class="head-mid-content margin-mid">
            <div class="head-logo left-float">
                <a href="/"><img src="img/logo.png" alt="" /></a>
            </div>
            <div class="head-search right-float">
                <form action="" method="post" name="head-search">
                    <input type="text" name="keyword" id="keyword" value="请输入商品名称、网店或商家地址" /><input type="submit" value="搜索" id="submit" />
                </form>
            </div>
        </div>
        <div class="clear"></div>
    </div>
    <div class="head-bottom">
        <div class="nav-content">
            <ul class="main-nav margin-mid">
                <li class="index"><a href="/">首页</a></li>
                <li class="happy-mall"><a href="#">快乐商城</a></li>
                <li class="points-change"><a href="#">积分兑换</a></li>
                <li class="tao-discount"><a href="#">淘优惠</a></li>
                <li class="help-community"><a href="#">帮帮社区</a></li>
            </ul>
        </div>
    </div>
</div>

<div class="main-body">
    <div class="area margin-mid">
        <p class="second-area">
            <span><a href="#">荔湾区</a></span>
            <span><a href="#">越秀区</a></span>
            <span><a href="#">海珠区</a></span>
            <span><a href="#">天河区</a></span>
            <span><a href="#">白云区</a></span>
            <span><a href="#">黄浦区</a></span>
            <span><a href="#">番禺区</a></span>
            <span><a href="#">花都区</a></span>
            <span><a href="#">南沙区</a></span>
            <span><a href="#">萝岗区</a></span>
            <span><a href="#">增城区</a></span>
            <span><a href="#">从化区</a></span>
        </p>
        <div class="hot-spot-container left-float">
            <div class="hot-spot">
                <div class="hotspot-search">
                    <form action="" method="post" name="hotspot-search">
                        <input type="text" name="keyword" id="hotspot-keyword" value="请输入你的地点" /><input type="submit" value="搜索" id="hotspot-submit" />
                    </form>
                    <div class="clear"></div>
                </div>
                <div class="hot-spot-box">
                    <div class="hotspot-frame">
                        <div class="hotspot-type">热点写字楼</div>
                        <div class="hotspot-name">
                            <a href="#">双子塔</a>
                            <a href="#">唯品楼</a>
                            <a href="#">罗生门</a>
                            <a href="#">大明湖畔</a>
                            <a href="#">鲁迅楼</a>
                            <a href="#">巴黎铁塔</a>
                            <a href="#">自由女神</a>
                            <a href="#">纽交所</a>
                        </div>
                    </div>

                  <div class="hotspot-frame">
                        <div class="hotspot-type">热点写字楼</div>
                        <div class="hotspot-name">
                            <a href="#">双子塔</a>
                            <a href="#">唯品楼</a>
                            <a href="#">罗生门</a>
                            <a href="#">大明湖畔</a>
                            <a href="#">鲁迅楼</a>
                            <a href="#">巴黎铁塔</a>
                            <a href="#">自由女神</a>
                            <a href="#">纽交所</a>
                        </div>
                    </div>

                    <div class="hotspot-frame">
                        <div class="hotspot-type">热点写字楼</div>
                        <div class="hotspot-name">
                            <a href="#">双子塔</a>
                            <a href="#">唯品楼</a>
                            <a href="#">罗生门</a>
                            <a href="#">大明湖畔</a>
                            <a href="#">鲁迅楼</a>
                            <a href="#">巴黎铁塔</a>
                            <a href="#">自由女神</a>
                            <a href="#">纽交所</a>
                        </div>
                    </div>

                    <div class="hotspot-frame">
                        <div class="hotspot-type">热点写字楼</div>
                        <div class="hotspot-name">
                            <a href="#">双子塔</a>
                            <a href="#">唯品楼</a>
                            <a href="#">罗生门</a>
                            <a href="#">大明湖畔</a>
                            <a href="#">鲁迅楼</a>
                            <a href="#">巴黎铁塔</a>
                            <a href="#">自由女神</a>
                            <a href="#">纽交所</a>
                        </div>
                    </div>

                    <div class="hotspot-frame">
                        <div class="hotspot-type">热点写字楼</div>
                        <div class="hotspot-name">
                            <a href="#">双子塔</a>
                            <a href="#">唯品楼</a>
                            <a href="#">罗生门</a>
                            <a href="#">大明湖畔</a>
                            <a href="#">鲁迅楼</a>
                            <a href="#">巴黎铁塔</a>
                            <a href="#">自由女神</a>
                            <a href="#">纽交所</a>
                        </div>
                    </div>

                    <div class="hotspot-frame">
                        <div class="hotspot-type">热点写字楼</div>
                        <div class="hotspot-name">
                            <a href="#">双子塔</a>
                            <a href="#">唯品楼</a>
                            <a href="#">罗生门</a>
                            <a href="#">大明湖畔</a>
                            <a href="#">鲁迅楼</a>
                            <a href="#">巴黎铁塔</a>
                            <a href="#">自由女神</a>
                            <a href="#">纽交所</a>
                        </div>
                    </div>

                </div>
            </div>
            <div class="hot-spot-shadow"></div>
        </div>
        <div class="other-info left-float">
            <div class="notice">
                <h3 class="notice-title">公告板</h3>
                <div class="notice-content">
                根据海口市《关于举办2012年中小学校长研修班的通知》要求， 海口市教育局将于2012年8月21—23日在澄迈县盈滨岛（西海岸温泉度假酒店）举办2012年中小学校长研修班，主题“注重内涵突出特色促进均衡”——推动海口教育可持续发展。
                </div>
            </div>
            <div class="other-info-shadow"></div>
            <div class="area-question">
                <h3 class="area-question-title">常见问题</h3>
                <div class="area-question-content">
                    什么是百度推广?<br />
                    我们公司规模小，推广费用有限，百度推广能帮我吗？<br />
                    我们现在天天出门找生意，能让生意找上门吗？<br />
                    什么是百度推广?<br />
                    我们公司规模小，推广费用有限，百度推广能帮我吗？<br />
                    我们现在天天出门找生意，能让生意找上门吗？<br />
                </div>
            </div>
            <div class="other-info-shadow"></div>
        </div>
        <div class="my-fav clear">
            <div class="add-my-fav">
                <a href="#">添加收藏</a>
            </div>
            <div class="add-my-fav">
                <a href="#">添加收藏</a>
            </div>
            <div class="add-my-fav">
                <a href="#">添加收藏</a>
            </div>
            <div class="add-my-fav">
                <a href="#">添加收藏</a>
            </div>
            <div class="add-my-fav">
                <a href="#">添加收藏</a>
            </div>
            <div class="add-my-fav">
                <a href="#">添加收藏</a>
            </div>
            <div class="clear"></div>
        </div>
    </div>
</div>

<div class="footer">
    <div class="foot-content margin-mid">
        <div class="foot-text">
            <div class="foot-info foot-info1">
                <div class="new-guy foot-info-title">新手指南</div>
                <ul class="new-guy-list">
                    <li><a href="#">新手注册</a></li>
                    <li><a href="#">订购流程</a></li>
                    <li><a href="#">注册协议</a></li>
                    <li><a href="#">积分说明</a></li>
                    <li><a href="#">排行榜说明</a></li>
                </ul>
            </div>
            <div class="foot-info foot-info2">
                <div class="how-pay foot-info-title">如何付款</div>
                <ul class="new-guy-list">
                    <li><a href="#">新手注册</a></li>
                    <li><a href="#">订购流程</a></li>
                    <li><a href="#">注册协议</a></li>
                    <li><a href="#">积分说明</a></li>
                    <li><a href="#">排行榜说明</a></li>
                </ul>
            </div>
            <div class="foot-info foot-info3">
                <div class="delivery foot-info-title">配送方式</div>
                <ul class="new-guy-list">
                    <li><a href="#">新手注册</a></li>
                    <li><a href="#">订购流程</a></li>
                    <li><a href="#">注册协议</a></li>
                    <li><a href="#">积分说明</a></li>
                    <li><a href="#">排行榜说明</a></li>
                </ul>
            </div>
            <div class="foot-info foot-info4">
                <div class="delivery2 foot-info-title">配送方式</div>
                <ul class="new-guy-list">
                    <li><a href="#">新手注册</a></li>
                    <li><a href="#">订购流程</a></li>
                    <li><a href="#">注册协议</a></li>
                    <li><a href="#">积分说明</a></li>
                    <li><a href="#">排行榜说明</a></li>
                </ul>
            </div>
            <div class="foot-info foot-info5">
                <div class="question foot-info-title">常见问题</div>
                <ul class="new-guy-list">
                    <li><a href="#">新手注册</a></li>
                    <li><a href="#">订购流程</a></li>
                    <li><a href="#">注册协议</a></li>
                    <li><a href="#">积分说明</a></li>
                    <li><a href="#">排行榜说明</a></li>
                </ul>
            </div>
            <div class="foot-info foot-info6">
                <div class="delivery3 foot-info-title">配送方式</div>
                <ul class="new-guy-list">
                    <li><a href="#">新手注册</a></li>
                    <li><a href="#">订购流程</a></li>
                    <li><a href="#">注册协议</a></li>
                    <li><a href="#">积分说明</a></li>
                    <li><a href="#">排行榜说明</a></li>
                </ul>
            </div>
            <div class="clear"></div>
        </div>
        <div class="foot-bottom"></div>
    </div>
</div>
</body>
</html>